
@import '../varHelper/index.scss';


// row
@include b(row) {
  position: relative;
  box-sizing: border-box;
  @include utils-clearfix;

  @include m(flex) {
    @include flex();
  }
}


// col

[class*="#{$namespace}-col-"] {
  float: left;
  box-sizing: border-box;
}

.#{$namespace}-col-0 {
  display: none;
}

@for $i from 0 through 24 {
  .#{$namespace}-col-#{$i} {
    width: (1 / 24 * $i * 100) * 1%;
  }

  .#{$namespace}-col-offset-#{$i} {
    margin-left: (1 / 24 * $i * 100) * 1%;
  }

  .#{$namespace}-col-pull-#{$i} {
    position: relative;
    right: (1 / 24 * $i * 100) * 1%;
  }

  .#{$namespace}-col-push-#{$i} {
    position: relative;
    left: (1 / 24 * $i * 100) * 1%;
  }
}